@charset "utf-8";
/* CSS by Frank QQ:877133966 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{ font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif; color:#333;}
a{text-decoration:none;color: #444;}
a:hover{text-decoration:none!important;}
input{ border:none;}
li{list-style-type:none}
/*固定置顶专用*/
.fixed_div {position: fixed;top: 0px; width:100%;}
.hide_div {display:none;}

/*加载动画*/
.loadingflash { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #f5f5f5; z-index: 9999; }
.loading {width: 180px;height: 180px;position: fixed;top: 50%;left: 50%;margin-left: -90px;margin-top: -90px;z-index: 999;}
.m-black, .m-red {position: absolute;bottom: 0px;left: 0;width: 180px;}
.m-black {background: url(../images/timg2.png) no-repeat left bottom;height: 180px;background-size: 100%;}
.m-red {background: url(../images/timg.png) no-repeat left bottom;height: 180px;-webkit-animation: fill 3s infinite linear;animation: fill 3s infinite linear;-moz-animation:fill 3s infinite linear;background-size: 100%;}
	@-moz-keyframes fill {
	0% { height: 0px; }
	25% { height: 40px; }
	50% { height: 80px; }
	75% { height: 130px; }
	100% { height: 180px; }
}

@-webkit-keyframes fill {
	0% { height: 0px; }
	25% { height: 40px; }
	50% { height: 80px; }
	75% { height: 130px; }
	100% { height: 180px; }
}
@keyframes fill {
	0% { height: 0px; }
	25% { height: 40px; }
	50% { height: 80px; }
	75% { height: 130px; }
	100% { height: 180px; }
}


/*翻页通用*/
.pagelist {margin: 14px 0; overflow: hidden; position: relative; clear: both; float: left; width: 100%;}
.prevpage_btn{float:left; width:20%; margin-left:2%;}
.nextpage_btn{float:right; width:20%; margin-right:2%;}
.prevpage_btn a,.nextpage_btn a{display:block; background:#aaa; color:#fff; text-align:center; line-height:36px; border-radius:5px;}
.number_list{width:56%; float:left; text-align:center;}
.number_list a{text-align:center;}
.number_list select{ border:none; padding:0 34%; line-height:36px; height:36px; background:#7caf1a; border-radius:5px; color:#fff;outline-style: none;-webkit-appearance: none; resize: none;}
/*头部*/
.head{position:fixed; width:100%; z-index:9999; top:0;}
.headtop{position:relative;margin:0px; padding:16px 10px;height:36px; background:#ffffff;box-shadow:1px 1px 4px rgba(97, 97, 97, 0.4)}
.headtop .logo{ float:left; margin:0; padding:0;}
.headtop .logo img{ display:block; width:200px;}
.headtop .nav_btn{float:right;}
.headtop .nav_btn a{float:left; width:36px; text-align:center; margin-left:12px; font-size:22px; line-height:36px;}
.headtop a{ background-repeat:no-repeat;float:left;height:36px; display:block;background-position: center;}

.panel{background-color: #444;min-height: 100%;}
.menu{background-color: #0e0e0e;/* background-image: linear-gradient(145deg, #1D1F20, #0e0e0e); */}
.menu .menulogo{background: #0e0e0e url(../images/menu_logo.png) no-repeat center center;font-size:0;height: 100px;margin: 0 auto;background-size: 50%;}
nav ul{ margin:0px;padding:0px;}
nav ul .item {position:relative;overflow:hidden;background: #252525;}
nav ul .item i{float:left; line-height:55px!important; font-size:18px!important; color:#929292; width:36px; text-align:center; margin:0 20px;}
nav ul .item span{ display:block;border-top:1px dotted #3e3e3e; line-height:54px; font-size:16px;}
nav ul .item span.onelink a{color:#fff;}
nav ul .item em{line-height:55px;display:block;width: 50px;float: right;color: #fff;text-align: center;}
nav ul .item em.x{transform:rotate(45deg);}
nav ul .item p{background:#f2f2f2; display:none;}
nav ul .item p a{ line-height:55px;padding:0px 45px; display:block; border-bottom:1px solid #d9d9d9; font-size:14px}
nav ul .item p a:hover{ background:#9e9e9e; color:#fff;}
nav ul .item p a.cur{ background:#9e9e9e; color:#fff;}

/*子级菜单下拉*/
nav ul .item a.plus {width: 40px;position: absolute;right: 0; top:0; text-align: right;}
nav ul .item .twojnav{position: relative;width: 90%;display:none;margin: 10px auto;background-color: #f5f5f5;border-radius:4px;z-index:99;}
nav ul .item .twojnav li{ list-style-type:none; margin-right:150px; width:100%;}
nav ul .item .twojnav a{color: #565656;text-align:left;text-decoration:none;}
nav ul .item .twojnav .twolink{display:block;line-height:40px;height:40px;overflow:hidden;font-size:14px;padding:0 18px; position:relative; color:#999;}
nav ul .item .twojnav .twolink:hover{color: #222;}
nav ul .item .twojnav .twolink.show{background: #ffc5c5;}
nav ul .item .threejnav{background: #eee;display:none;}
nav ul .item .threejnav a{display:block;line-height:40px;padding-left:13px; padding-left:40px; font-size:12px;}
nav ul .item .threejnav a:hover{background-color: #e6ff01; color: #fb1919;}

/** * Medium Screens */
@media all and (min-width:40em){.btn-hamburger{top: 20px; left: 30px;} .panel-header{margin-top: 40px; width: 455px;} .title{font-size: 4.2em;} .subtitle{font-size: 1.8em;} .btn-download{margin-right: 20px;} .btn-fork{margin-left: 20px;}}
.menu, .slideout-menu{position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;transform:translate3d(0,0,0);}
.panel,.slideout-panel{position: relative; z-index: 1;}
.slideout-open, .slideout-open body{overflow: hidden;}
.slideout-open .slideout-menu{display: block;}

/*搜索面版*/
.hide{display: none!important;}
.search{top:65px;background:#d6d6d6;position:fixed; left:0px; right:0px; z-index:9999; display:none;}
.search dl{margin:0px;padding: 10px;position:relative;}
.search dl input{height: 36px;border-radius:5px;width: 70%;color:#999999;padding:0 10px;}
.search dl span{font-size: 14px;color:#fff;width: 20%;line-height: 36px;cursor:pointer;background:#444444;float: right;text-align: center;border-radius: 5px;}

/*主体内容*/
.main{margin:0;overflow:hidden;position:relative;padding-top: 70px;background:#eee;}
.hd{width:100%; float:left; position:relative;}
#flash-box { width: 100%; margin-left: auto; margin-right: auto;}
#flash-box .item{ display: block;}
#flash-box img { display: block; width: 100%; border: 0 none;}
#bar{width: 0%;max-width: 100%;height: 4px;background: #444444;overflow: hidden;}
#progressBar{ width: 100%; background: #ededed;}
.hd .text{ position:absolute; bottom:0px; background:rgba(0, 0, 0, 0.26); padding:5px 20px; left:0; width:100%; color:#fff;}
.hd .text strong{font-size:16px; line-height:20px; font-weight:700;}
.hd .text p{color:#fff; font-size:14px;line-height:26px; margin:0; padding:0;}
.about{overflow:hidden;background:#fafafa;width: 98%;margin:2% 1%;box-shadow: 1px 3px 3px rgba(128, 128, 128, 0.2);}
.about h3{text-align:center;font-size: 20px;line-height:34px;margin: 24px auto 0;width:200px;color: #444;}
.about h3 i{margin-right:6px;}
.about .intro{padding: 4%;}
.about .intro p{font-size:14px; line-height:20px; text-align:justify; margin-bottom:16px; color:#666;}
.about .intro p img{width:100%;}

.products{width:100%;float:left;background:#eee;padding-bottom:10px;}
.products h1{font-size:16px;text-align:center;line-height:32px;margin: 1% 1% 0 1%;font-weight:normal;background: #fb1919;color: #fff;}
.products h3{text-align:center;font-size: 20px;line-height:34px;margin: 8px auto;width:200px;border-radius:17px;color: #444;}
.products h3 i{margin-right:6px;}
.products ul{overflow:hidden;padding:4px 0;}
.products ul li{list-style-type:none; overflow:hidden; background:#fff; padding:2%; margin:1%; width:44%; float:left; box-shadow: 1px 3px 3px rgba(128, 128, 128, 0.2);}
.products ul li .title{font-size:16px; color:#333333; line-height:26px;}
.products ul li h4{font-size:15px; color:#222; line-height:24px;}
.products .category_name{font-size:13px; color:#999; line-height:18px;}
.products .parameters{ padding:8px 0;}
.products .parameters p{line-height:20px; font-size:12px; color:#006699; margin-bottom:1px; float:left; width:100%; background:#e7f3e0;}
.products .parameters p span{width:40%; overflow:hidden; float:left; background:#eee; padding-left:5px; margin-right:5px;}
.products .pro_pic{ float:left; margin:0; padding:0; width:100%;}
.products .pro_pic img{width:100%;}

.photos{width:100%; float:left; background:#eee; padding-bottom:10px;}
.photos h1{font-size:16px; text-align:center; line-height:32px; margin-bottom:1%;font-weight:normal;background: #fff; color:#666; border-bottom: 1px dotted #ddd;}
.photos h3{text-align:center; font-size:18px; line-height:34px; margin:0 auto; width:200px; background:#7caf1a; color:#fff;border-radius: 0 0 10px 10px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
.photos h3 i{margin-right:6px;}
.photos h6{font-size:12px; text-align:center; line-height:20px;}
.photos ul{overflow:hidden;}
.photos ul li{list-style-type:none; overflow:hidden; background:#fff; padding:2%; margin:1%; width:44%; float:left; text-align:center;}
.photos .p_pic{ float:left; margin:0; padding:0; width:100%;}
.photos .p_pic img{width:100%;}

.news{width:100%;float:left;background: #eee;}
.news h1{font-size:16px; text-align:center; line-height:32px; margin-bottom:1%;font-weight:normal;background: #fff; color:#666; border-bottom: 1px dotted #ddd;}
.news h3{text-align:center;font-size: 20px;line-height:44px;margin:0 auto;width:100%;color: #444;}
.news h3 i{margin-right:6px;}
.news ul{overflow:hidden;width: 98%;margin: 0 1%;}
.news ul li{list-style-type:none;overflow:hidden;background:#fff;padding: 4%;margin-bottom:20px;box-shadow: 1px 3px 3px rgba(128, 128, 128, 0.2);}
.news ul li:last-child{border-bottom:none;}
.news ul li img{width: 32%;}
.news ul li .newsintro{overflow:hidden;float:right;width: 64%;}
.news ul li .newsintro h4{float:left; width:100%; font-size:16px; line-height:26px; font-weight:normal;}
.news ul li .newsintro p{text-align:justify; font-size:14px; line-height:20px; margin-top:6px; float:left; color:#888;} 
.news ul li .newsinfo{margin: 14px 0 0 0;overflow:hidden;padding-top: 10px;clear:both;border-top: 1px solid #eee;}
.news ul li .newsinfo .pubtime{float:left; font-size:12px; color:#484848; background:url(../images/pubtimeico.png) no-repeat left center;background-size:12px; padding-left:20px;}
.news ul li .newsinfo .readmore{float:right; font-size:12px; background:url(../images/linkico.png) no-repeat left center; background-size:12px; padding-left:20px; color:#484848;}

/*页脚*/
.footer{background: #444 url(../images/bolang.png) repeat-x top left;background-size:12px;padding:20px;overflow:hidden;}
.footer h3{color: #ffffff;font-size:20px;}
.footer .contactinfo{float:left;width:100%;border-bottom: 1px solid #222;}
.footer .contactinfo p{font-size:14px;color: #ffffff;margin:5px 0;line-height:18px;}
.footer .contactinfo p a{color:#fff;}
.footer .contactinfo p i{color: #fff;width:26px;text-align:center;margin-right:4px;}
.footer .message {float: left;width: 100%;border-top: 1px solid #717171;padding-top: 10px;}
.footer .message h3{color: #9e9e9e;font-size:12px;font-weight:bold;}
.footer .message .form{ float:left; overflow:hidden; width:100%;}
.footer .message .form .field{margin:10px 0; float:left; width:100%;}
.footer .message .form input, .footer .message .form textarea{padding:3%;color:#666;width:92%;background:#eee;border-radius:4px;box-shadow: 1px 2px 8px #00000069 inset;border: 1px solid #333;}
.footer .message .form textarea{ height:100px; border:1px solid #6a8e25; font-family:Arial, Helvetica, sans-serif;}
.footer .message .form .submit_btn{background: #fb1919;color:#fff;float:left;margin: 10px 0;width:98%;border-radius: 4px;-webkit-appearance:none;-webkit-border-radius: 4px;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.26);}

/*产品详情页*/
.product_title{padding:12px 0;color:#fff;font-size:16px;background: #222;padding-left:15px;overflow : hidden;text-align:center;}
.product_parameters{background:#fff;padding:0 6px;}
.product_parameters h3{color:#1a1a1a;font-size:14px; font-weight:bold; border-bottom:1px solid #d9d9d9; position:relative; line-height:26px; margin:10px 0;}
.product_parameters h3:after{ content:""; position:absolute;position: absolute;top: 50%;margin-top: -13px;right:5px; width: 12px; height: 12px;border-right: 1px solid #A0A0A0; border-top: 1px solid #A0A0A0; border-left: 0;border-bottom: 0;transform: rotate(135deg);moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);-webkit-transform: rotate(135deg);}

.product_parameters h3 span{float:right; font-size:12px; font-weight:normal; color:#c5c5c5;}
.product_parameters li{list-style-type:none;}
.product_parameters .cansu_detail{ padding:14px; text-align:justify;}
.product_parameters .cansu_detail p{color:#666; line-height:1.6em; margin:8px 0; font-size:14px;}
.product_parameters .cansu_detail p strong{font-weight:bold; color:#ae2825;}
.product_parameters .cansu_detail .faq{}
.product_parameters .cansu_detail .faq p{color:#999; line-height:1.6em; margin:8px 0; font-size:14px;}
.product_parameters .cansu_detail img{width:100%;}
/*新闻详情*/
.content {float:left; width:100%; background:#fff;}
.content h1{font-size:16px; line-height:34px; text-align:center; margin-top:16px; padding:0 20px; font-weight:700; border-bottom:1px dashed #ddd;}
.content .pubtime{float:left; width:100%; font-size:12px; line-height:20px; color:#484848; text-align:center; padding-top:8px;}
.content .pubtime i{margin:0 6px;}
.content_view{padding:14px; overflow:hidden; clear:both; background:#fff;}
.content_view p{line-height:20px; margin:10px 0; font-size:14px; text-align:justify; float:left; width:100%; color:#484848;}
.content_view p img{max-width:100%;}
.content_view p strong{font-weight:bold;}
.recommend_news{ padding:14px; overflow:hidden; margin:20px 0;}
.recommend_news h3{border-bottom:1px solid #ddd; line-height:33px; font-size:16px; font-weight:700; color:#444;}
.recommend_news ul{}
.recommend_news ul li{width:100%; overflow:hidden;list-style-type:none; border-bottom:1px dotted #ddd;}
.recommend_news ul li a{color:#666666; font-size:14px; line-height:34px; width:70%; overflow:hidden;}
.recommend_news ul li span{float:right; font-size:14px; line-height:34px; width:30%; text-align:right;}
/*联系我们*/
.contactpage{padding:14px;}
.contactpage .infos li{list-style-type:none; float:left; width:100%; font-size:14px; line-height:24px; margin:8px 0;}
.contactpage .infos li i{ margin-right:10px; width:20px; text-align:center;}
.ggmap{float:left; position:relative; width:100%;}
.ggmap #map {height: 500px;width: 100%; margin-bottom:20px;}

/*客服代码*/
#kefu{position:fixed;left:4px;bottom:4px;width:40px;height:40px;line-height:40px;list-style-type:none;margin:0;padding:0;text-align:center;color:#fff;cursor:pointer; background:#C00; border-radius:50%;}
#kefu>li,#navs:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;background-color:#15bfd8;}
#kefu>li{transition:all .6s;-webkit-transition:all .6s;-moz-transition:.6s;}
#kefu:after{content:attr(data-close);z-index:1;border-radius:50%;-webkit-border-radius:50%;}
#kefu.active:after{content:attr(data-open);}
#kefu a{width:40px;height:40px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;text-decoration:none;color:#fff;font-size:0.8em;}
#kefu>li:last-child{background:#c38208;}

table{ width: 100%; border-collapse:collapse; margin-top: 10px; font-size:13px;}
table td{ border: 1px solid #ddd; line-height: 26px; text-align:center;}
table td p{ margin: 0; padding: 0;}


tr td{ background:#fff;vertical-align:middle;}/* 默认背景被白色 */
tr.alt td { background:#F2F2F2;}/* 默认隔行背景颜色 */
tr.over td { background:#EEECEB;}/* 鼠标经过时候背景颜色 -----*/

table .tr{}
table .tr td{ font-weight:bold; background: #00A8E0; color: #fff; padding: 7px 0;}

.copyright {position:relative; color: #ddd; font-size:14px; width:100%; background:#0e0e0e; padding:14px 0;}
.copyright p{color:#555; font-size:14px; text-align:center;}
.cateimg{width:100%; margin:0; overflow:hidden;}
.cateimg img{width:100%;}